/**ducument navlist css**/
/**公共部分**/
*{
    margin: 0px;
    padding:0px;
}
a{
    text-decoration: none;
}
ul li{
    list-style: none;
}



/****头部固定位置******/
#header_fixed{
    width: 100%px;
    height: 20px;
    background: #000;
}
/****头部区域开始*****/
#header{
    width: 100%;
    height: 100px;
    .header_content{
        width: 980px;
        height: 100px;
        margin: 0 auto;
        position: relative;
        .logo{
            width: 460px;
            height: 100px;
            position: absolute;
            left:100px;
            top:0px;
            img{
                width:460px;
                height:100px;
            }
        }
        .login{
            width:210px;
            height: 70px;
            position: absolute;
            right: 0px;
            top:0px;
            a{
                display: block;
                width:60px;
                height:70px;
                float: left;
                margin-left:10px;
                background: url(../images/icons.png) -5px -121px;
                text-align: center;
                font:400 12px/60px '微软雅黑';
                color:#000000;
                span{
                    display:block;
                    width:40px;
                    height: 40px;
                    margin: 10px auto;
                    background: url(../images/icons.png) -3px -2px;
                }
                &:hover span{
                    background: url(../images/icons.png) -126px -2px;
                }
            }
        }
        //已登录
       .logined{
           width:400px;
           height: 55px;
           position:absolute;
//         background: orange;
           top:20px;
           right:0px;
           a{
               display:block;
               float: right;
               padding-left:20px;
               font:400 16px/50px '微软雅黑';
               color:#333;
           }
           span{
               color:red;
           }
           .face{
               width:50px;
               height:50px;
               img{
                   width:100%;
                   height:100%;
                   border-radius:25px;
               }
           }
       }
    }
}

/**
     * 菜单栏
 */
#nav{
    width:100%;
    height:54px;
    .nav_content{
        width:980px;
        height:54px;
        margin:0 auto;
        position:relative;
        a{
            display:block;
            font:700 16px/54px '微软雅黑';
            color:#000;
            float:left;
            padding:0px 5px;
            margin-right:30px;
        }
        .search{
            width:235px;
            height:30px;
            position:absolute;
            top:10px;
            right:100px;
            background:url(../images/ico.png) 0px -2144px;
            form{
               .text{
                   display:block;
                   position: absolute;
                   border: none;
                   top: 6px;
                   left: 10px;
                   width:170px;      
                }
                .sbt{
                    display:block;
                    position: absolute;
                    top:6px;
                    right:0px;
                    width:45px;
                    border:none;
                    background:url(../images/ico.png) 8px -2193px;
                } 
            }
            
        }
    }
    
}

/**************************个人中心主体区域**************************************/
#container{
    width: 980px;
    margin:50px auto;
    .user{
        width:980px;
        height:120px;
        border-bottom:4px solid #000000;
        position: relative;
        .face{
            width:100px;
            height: 100px;
            border-radius: 15px;
            background: red;
            float: left;
            img{
                width:100%;
                height:100%;
                border-radius:15px;
            }
        }
        .user_infor{
            width: 435px;
            height: 80px;
            float:left;
            position:relative;
            span{
                display:block;
                font:400px 16px/22px '微软雅黑';
                position:absolute;  
            }
            span.name{
                font-size: 18px;
                top:0px;
                left:20px;
            }
            /*span 图标公用**/
            .ico(){
                top:0px;
                left:-30px;
                width:25px;
                height:25px;
            }
            
            span.gz{
                bottom: 0px;
                left:50px;
                .i_gz{
                    .ico;
                    background:url(../images/user_ico.png) no-repeat -27px 0px;
                }
            }
            span.fs{
                bottom: 0px;
                left:180px;
                .i_fs{
                    .ico;
                    background: url(../images/user_ico.png)  no-repeat -59px 0px;
                }
            }
            span.xh{
                bottom:0px;
                left:300px;
                .i_xh{
                    .ico;
                    background: url(../images/user_ico.png) no-repeat -87px 0px;
                }
            }
        }
        .ddd{
            width: 150px;
            height: 50px;
            background: url(../images/dd.png) no-repeat;
            position: absolute;
            top: 50px;
            right:50px;
        }
        .user_nav{
            width:420px;
            height: 80px;
            float: right;
            a{
                display:block;
                width: 80px;
                height: 80px;
                float:left;
                margin-left:18px;
                font:400 18px/80px '微软雅黑';
                color:#000000;
                text-align:center;
                border:3px solid #000000;
                border-radius: 80px;
            }
        }
    }
    /****订单信息*****************/
    .usergoods{
        width: 980px;
        margin-top:30px;
        .ug_title{
            width: 980px;
            height: 50px;
            a{
                float:left;
                font:700 22px/50px '微软雅黑';
                color:#000000;
                display:block;
                margin-right:100px;
                &:hover{
                    border-bottom: 5px solid #000000;
                }
                &.hover{
                    border-bottom: 5px solid #000000;
                }  
            }
        }
        /***ug_infor**订单信息表**/
       .ug_infor{
            width:960px;
            height: 300px;
            margin-top:50px;
            padding:30px 0px 0px 20px;
            border-left:3px solid #000000;
            
            position: relative;
            &.b_top{
                border-top: 3px solid #000000;
            }
            &.b_top_none{
                border-top: 3px solid #FFF;
            }
            .in_head{
                width:960px;
                height: 30px;
                li{
                    float:left;
                    text-align: center;
                }
                .in_h_l1{
                    width:350px;
                    height: 27px;
                }
                .in_h_l2{
                    width:240px;
                    height:27px;
                }
                .in_h_l3{
                    width:160px;
                    height:27px;
                }
                .in_h_l4{
                    width:200px;
                    height:27px;
                }
            }
            .in_cont{
                width:960px;
                height:120px;
                li{
                    float:left;
                    text-align: center;
                }
//              span{
//                  display:inline-block;
//                  vertical-align: middle;
//              }
                .in_c_l1{
                    width:350px;
                    height:120px;
                    .desc{
                          padding:30px 0px 10px 10px;
                          height: 90px;
                      }
                    a{
                        display:inline-block;
                        width: 120px;
                        height: 120px;
                        float:left;
                        font:400 14px/22px '微软雅黑';
                        color:#222;
//                      vertical-align: middle;  
                        img{
                            width:100%;
                            height: 100%;
                        }
//                      span{
//                          display: inline-block;
//                          vertical-align: middle;
//                      }
                    }
                }
                .in_c_l2{
                    width:240px;
                    height:120px;
                    font:400 16px/120px '微软雅黑';
                    
                }
                .in_c_l3{
                    width:160px;
                    height:120px;
                    font:400 16px/120px '微软雅黑';
                }
                .in_c_l4{
                    width:200px;
                    height:120px;
                    .in_inform,.in_payed,.in_pay,.in_pay_cancel{
                        display:block;
                        width:100px;
                        height:30px;
                        border:2px solid #D8B53A;
                        border-radius:8px;
                        font:400 16px/30px '微软雅黑';
                        color:  #D8B53A;
                        text-align: center;
                        margin: 10px 0px 0px 50px;
                        
                    }
                    .in_pay_cancel{
                        border:2px solid #000000;
                        color:#000000;
                    }
                    .in_payed{
                        border:2px solid #FFF;
                        color:#000000;
                    }
                    .in_inform{
                        border:2px solid green;
                        color:#000000;
                    }
                }  
            }
            .pay_total{
                 margin-top:50px;
                 width:910px;
                 height: 40px;
                 text-align: right;
                 font:400 20px/40px '微软雅黑';
                 overflow: hidden;
                 .p1,.p2{
                     color: #999999;
                     font: 400 16px/40px '微软雅黑';
                     margin-right:20px;
                     float:left;
                 }
                 .p3{
                     float:right;
                 }
                 span.red{
                     color:red;
                 }
            }
            .ug_time{
                width:200px;
                height:25px;
                background:#FFF;
                position: absolute;
                padding-left:20px;
                top:-15px;
                left:10px;
                font:400 18px/25px '微软雅黑';
            }
            .i_time{
                width:25px;
                height:25px;
                background:#FFF url(../images/user_ico.png) no-repeat -123px 0px;
                position:absolute;
                top:-15px;
                left:-15px;
            }
       }
    }
    
}





/*****************************************网站底部*******************************/

#footer{
    width:100%;
    height:255px;
    background:#000000;
    .foot_wrap{
        width: 980px;
        height:255px;
        margin:0 auto;
        .say{
            width:675px;
            height:115px;
            float:left;
            .p1{
                font:400 18px/80px '微软雅黑';
                color:#FFF;
            }
            .p2{
                font:400 16px/50px '微软雅黑';
                color:#FFF;
                text-align:right;
            }
        }
        .foot-logo{
            width:220px;
            height:200px;
            float:left;
        }
        p.infor{
            float:left;
            width:980px;
            height:30px;
            border-bottom:1px solid #666;
            margin-top:30px;
            font:400 12px/22px '微软雅黑';
//          text-align:center;
            color:#666;
            a{
                color:#666;
            }
        }
        p.link{
            float:left;
            font:400 12px/22px '微软雅黑'; 
            color:#666;
        }
    }
}



/***
 * 网站底部end
 */

